<template>
    <div class="main">
        <headCpn></headCpn>
        <div class="main-bottom">
            <leftCpn></leftCpn>
            <con></con>
        </div>
    </div>
</template>
<script>
import leftCpn from './left.vue';
import headCpn from './header.vue';
import con from './content.vue';
export default {
    data() {
        return {};
    },
    components: {
        leftCpn,
        headCpn,
        con
    }
};
</script>

<style scoped lang="scss">
.main-bottom {
    display: flex;
}
</style>
